<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jstl/xml" prefix="x"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>.: SALMOFOOD - Login de usuarios :.</title>

<link rel="stylesheet" type="text/css" href='<c:url value="/jq/bootstrap/css/bootstrap.min.css"/>' />
<link rel="stylesheet" type="text/css" href='<c:url value="/css/login.css"/>' />
<link rel="stylesheet" type="text/css" href='<c:url value="/jq/bootstrap/formhelpers/css/bootstrap-formhelpers-countries.flags.css" />' />
<!--[if lt IE 8]><link rel="stylesheet" href='<c:url value="/jq/bootstrap/css/bootstrap-ie7buttonfix.css"/>' /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href='<c:url value="/jq/bootstrap/css/bootstrap-ie8buttonfix.css"/>' /><![endif]-->
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href='<c:url value="/css/login-ie.css"/>' /><![endif]-->
<script type="text/javascript" src='<c:url value="/jq/jquery/jquery.min.js"/>'></script>
<script type="text/javascript" src='<c:url value="/js/jsGeneral.js"/>'></script>
<script type="text/javascript" src='<c:url value="/jq/bootstrap/js/bootstrap.min.js"/>'></script>
<script type="text/javascript" src='<c:url value="/jq/validate/jquery.validate.min.js"/>'></script>
<script type="text/javascript" src='<c:url value="/js/jsLogin.js"/>'></script>

</head>
<body>
	<div class="container">
		<form class="form-signin" id="frm_login" name="frm_login" method="POST" action="loginController.htm?accion=login">
			<div style="margin-bottom: 10px">
				<img src='<c:url value="/img/traza_sal.png"/>'  alt="trazabilidad-salmofood" />
				<img src='<c:url value="/img/salmofood-trazabilidad.png"/>'  alt="logo-salmofood" />
				<!--  <br /> -->
				<!-- <img src='<c:url value="/img/logo-trazabilidad.jpg"/>' /> -->
			</div>
			<!-- <span data-flags="true" data-country="US" class="countries tip" data-original-title="English">
				<i class="icon-flag-US"></i>
				<a href="#">EN</a>
			</span>
			|
			<span data-flags="true" data-country="ES" class="countries tip" data-original-title="Spanish">
				<i class="icon-flag-ES"> </i>
				<a href="#">ES</a>
			</span> 
			<br />-->
			<br />
			<span class="label-form-login">Usuario</span>
			<span id="msg_txt_login_username"></span>
			<input type="text" class="input-block-level" placeholder="nombre de usuario" id="txt_login_username" name="txt_login_username">
			<span class="label-form-login">Password</span>
			<span id="msg_txt_login_password"></span>
			<input type="password" class="input-block-level" placeholder="password de acceso" id="txt_login_password" name="txt_login_password">
			<span class="cursiva">
				<a href="olvidePasswordController.htm?accion=irOlvidePassword">olvid&eacute; mi password |</a>
			</span>
			<span class="cursiva">
				<a href="cambiarPasswordController.htm?accion=irCambiarPassword">cambiar mi password</a>
			</span>
			<br />
			<br />
			<button class="btn btn-medium btn-primary" type="submit">Ingresar</button>
			<span id="login-error-msg">
				<c:if test="${(mensajeError != null) && (not empty mensajeError)}">
					<c:out value="${mensajeError}" />
				</c:if>
			</span>
		</form>
		
		<p style="text-align: center; font-size: 0.7em">
			Optimizado para
			<a href="http://www.mozilla.org" target="_blank">Mozilla Firefox</a>
			o
			<a href="https://www.google.com/intl/es/chrome/browser/?hl=es" target="_blank">Google Chrome</a>
			
		</p>
	</div>
	<div id="xyz" align="center"><%@include file="../jspf/footer.jsp"%></div>
	
</body>
</html>